<link rel="stylesheet"
    href="chrome://resources/chromeos/colors/cros_styles.css">
<link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
<link rel="stylesheet" href="chrome://resources/css/md_colors.css">
<template>
  <style include="cr-shared-style">
    html {
      background-color: var(--cros-bg-color);
    }

    #container {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    #header {
      display: flex;
      height: 68px;
      margin: 0 0 24px 0;
    }

    #content {
      display: flex;
      height: 456px;
    }

    #title {
      margin: auto 0 0 0;
      margin-block-end: 0;
    }

    #navButtons {
      align-self: flex-end;
      display: flex;
      margin: auto 0 40px 0;
    }

    cr-button {
      margin-inline-start: 20px;
    }
  </style>
</template>
